<%@ page language="java" contentType="text/html;charset=utf-8" 
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/taglibs.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0 ,user-scalable=no"/>
		<title>home</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/resource/system/phone/css/base.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resource/system/phone/css/publish.css" />
	</head>		
	<body>
		<!--头部-->
		<header class="publish-header">
			<div class="topNav" id="topNav_js">
				<span>首页</span>
				<span>&gt;</span>
				<span>发布信息</span>
			</div>
		</header>
		<!--中间内容——发布信息-->
		<section class="publish-moduleView" id="publish_moduleView_js">
			<!--房产-->
			<div class="info-module">
				<div class="info-module-tit">
					<div class="info-module-tit-left"></div>
					<div class="info-module-tit-right">
						<h4>房产</h4>
						<p>整租/合租，二手房，商铺租售</p>
					</div>
				</div>
				<ul id="house" class="info-module-content">
					<li>房屋出售</li>
					<li>房屋出租</li>
					<li>求租房</li>
					<li>其他</li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<!--其他信息-->
			<div class="info-module">
				<div class="info-module-tit">
					<div class="info-module-tit-left"></div>
					<div class="info-module-tit-right">
						<h4>其他信息</h4>
						<p>便民信息，二手物品，维修，其他</p>
					</div>
				</div>
				<ul id="other" class="info-module-content">
					<li>便民</li>
					<li>求助</li>
					<li>二手</li>
					<li>其他</li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</section>
		<!--中间内容——填写信息-->
		<section class="publish-writeView" id="publish_writeView_js">
				<div class="infoOption">
					<label for="area">区域</label>
					<select name="districtId" id="info-area">						
						<c:forEach items="${districtList}" var="o" varStatus="status">
	      					<option value="${o.id}">${o.district}</option>
				        </c:forEach>
					</select>
				</div>
				<div class="infoOption">
					<label for="info-location">地址</label>
					<input type="text" name="address" id="info-location" placeholder="请输入地址或小区名"/>
				</div>
				<div class="infoOption">
					<label for="info-tit">标题</label>
					<input type="text" name="title" id="info-tit" placeholder="请输入5-15个字"/>
				</div>
				<div class="infoOption">
					<label for="info-des" class="info-des">描述</label>
					<textarea name="discription" id="info-des" placeholder="三十个字以内"></textarea>
				</div>
				<div class="infoOption">
					<label for="info-contact">联系人</label>
					<input type="text" name="contactName" id="info-contact" placeholder="请勿填电话 2~6个字"/>
				</div>
				<div class="infoOption">
					<label for="info-tel">手机号</label>
					<input type="text" name="contactPhone" id="info-tel" placeholder="请输入手机号"/>
				</div>
			
				<input type="button" value="发布" id="publishBtn"/>
			
		</section>
		<!--底部固定栏-->
		<jsp:include page="../footer.jsp" />
	</body>		
	<script src="${ctx}/resource/system/common/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="${ctx}/resource/system/phone/js/publish.js" type="text/javascript" charset="utf-8"></script>
</html>